@extends('layouts.header')
@section('content')
<nav class="breadcrumb">
    <i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 检测业务 <span class="c-gray en">&gt;</span> 打印条形码
    <a class="btn btn-primary radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a>
</nav>
<div class="page-container">
	<table class="table table-border table-bordered table-hover table-bg table-responsive" id="datatable">
		<thead>
			{{-- <tr>
				<th scope="col" colspan="6">合同管理</th>
			</tr> --}}
			<tr class="text-c">
				<th>批次编号</th>
				<th>客户名称</th>
				<th>受理人</th>
				<th>受理时间</th>
				<th>批次状态</th>
				<th>操作</th>
			</tr>
		</thead>
	</table>
</div>

<script type="text/javascript">

var table;

$(function(){
    $.fn.dataTable.ext.errMode = 'throw';//datatable抛异常的方式，在console中输出，默认以alert的方式弹出
    table = $('#datatable').DataTable({
        // order: [[ 5, 'desc' ]],//默认第几个排序
        ordering: false, // 是否排序
        // "stateSave": true,// 状态保存 - 再次加载页面时还原表格状态
        // "stateDuration": -1,//仅保留当前会话的数据
        // "paging":false, //禁用分页
        serverSide: true,//服务器端处理模式——此模式下如：过滤、分页、排序的处理都放在服务器端进行。
        // responsive: true,//响应式，需要插件
        // fixedHeader: true,//表头固定，需要插件
        // autoWidth: false,
		processing : true,//加载数据时候是否显示进度条
        initComplete: function (settings, json) {
            //当表格完成加载绘制完成后执行此方法
            //仅初次表格数据加载完成后执行
            // $(row).addClass( 'text-c' );
            $('#datatable_filter label input').attr('placeholder', '客户全称/受理人/批次')
        },
		ajax: "",
        language: { url: '/admin/lib/datatables/dataTables_Chinese_Lang.json' },
        columns: [
            { data : "batchNum", class:"text-c" },
            { data : "client_name", class:"text-c" },
            { data : "creator", class:"text-c" }, 
            { data : "created_at", class:"text-c" },
            { data : "status", class:"text-c", 
			  render: function(data, type, row, meta) {
				if (data==0) {
					return '<span class="badge badge-warning radius">受理中</span>';
                } else if (data==1){
					return '<span class="badge badge-primary radius">受理完成</span>';
				} else if (data==5){
					return '<span class="badge badge-success radius">试验中</span>';
				} else if (data==8){
					return '<span class="badge badge-success radius">试验完成</span>';
				} else if (data==11){
					return '<span class="badge badge-success radius">审核通过</span>';
				} else if (data==13){
					return '<span class="badge badge-danger radius">批准驳回</span>';
				} else if (data==14){
					return '<span class="badge badge-success radius">批准通过</span>';
				} else if (data==17){
					return '<span class="badge badge-success radius">待退样</span>';
				} 
                else {
					return '<span class="badge badge-danger radius">未知</span>';
				}
			  }
			},
            { data : null, class:"text-c", //操作
			  render: function(data, type, row, meta) {
                    return '<a class="ml-5 btn btn-primary-outline radius size-MINI" href="javascript:;" onclick="jump_page(\'/{{config('constant.name_admin')}}/sampleInfo/indexPrintBarCode\',' + row.id + ')">点击进入</a>'
              }
            }
        ],
        columnDefs: [
            { targets: [3,5], searchable: false } ,//不参与搜索的列
        ],
    });
});

/*表格重新加载*/
function table_reload(bool){
    //清除表头 CheckBox的对勾
    $("#datatable").find("thead").find("input[type=checkbox]").removeAttr('checked');
    if(bool){
        //true时，跳到第一页
        table.ajax.reload(); 
    }else{
        //false时，停留在原来页
        table.ajax.reload(null, false);
    }
}

/* 跳转页面 */
function jump_page(url,id){
	location.href = url + '?id=' + id;
}


/*受理完成，提交 ，添加detail表的信息*/
function submit(id){
    var index2;

	layer.confirm('提交后您将无法编辑本批次的信息，<br>确认要提交吗？',{icon: 3},function(index){
		$.ajax({
			type: 'GET',
			url: '/{{config('constant.name_admin')}}/contractDetail/add?id=' + id,
			// dataType: 'json',
			success: function(data){
                // console.log(data);
                if(data === '1'){
                    table_reload(0);//0停留在当前页，1回到第一页 
                    layer.msg('提交成功!',{icon:1,time:2000});
                }else{
                    layer.open({
                        content:data,
                        title:false,
                        type: 0,
                        icon: 7,
                        // skin: 'layui-layer-molv',
                        btn:'',
                        closeBtn: 2, //右上角关闭按钮风格  0无,1默认,2
                        shadeClose: true, //开启遮罩关闭
                        time:0,
                        anim: 6,//弹出动画
                    }); 
                }
			},
			error:function(data) {
                ajax_error(data);
            },
            beforeSend : function () { 
                //0.4透明度 白色遮罩
                index2 = layer.load(2,{ shade: [0.05,'#000'] }); 
            },
            complete : function () { 
                layer.close(index2); 
            },
		});		
	});
}
/*删除*/
function del(id){
    var index2;

	layer.confirm('确定要删除吗？',{title:'询问',icon:3},function(index){
		$.ajax({
			type: 'GET',
			url: '/{{config('constant.name_admin')}}/contract/del?id=' + id,
			// dataType: 'json',
			success: function(data){
                // console.log(data);
                if(data === '1'){
                    table_reload(0);//0停留在当前页，1回到第一页
                    layer.msg('删除成功!',{icon:1,time:2000});
                }else{
                    layer.msg('删除失败!',{icon:2,time:2000});
                }
			},
			error:function(data) {
                ajax_error(data);
            },
            beforeSend : function () { 
                //0.4透明度 白色遮罩
                index2 = layer.load(2,{ shade: [0.05,'#000'] }); 
            },
            complete : function () { 
                layer.close(index2); 
            },
		});		
	});
}

</script>
@endsection